<style>
form#newKomitentForm{
	width:965px;
	float:left;
	font-size:11px;
}
form#newKomitentForm label{
	display:block;
	text-align:right;
	float:left;
	width:80px;
	padding-top:8px;
}
form#newKomitentForm fieldset{border:1px solid #bbb; margin-bottom:5px;}
form#newKomitentForm fieldset label{width:97px;}
form#newKomitentForm label.second,
form#newKomitentForm #podaci_right label.second{width:auto;}
form#newKomitentForm input[type=text],select,textarea{
	float:left;
	font-size:11px;
}
form#newKomitentForm input[type=submit]{
	background-image:url(gui/icons/save.gif);
	background-repeat:no-repeat;
	background-position:3px center;
	padding-left:16px;
}
form#newKomitentForm button{
	float:left;
}
form#newKomitentForm input[type=text]:disabled{
	background:#FFF;
	border:1px solid #7F9DB9;
	color:#000;
	padding-top:3px;
}
form#newKomitentForm #pasteMask{
	width:63px;
	height:30px;
	background:#EEEEEE;
	position:relative;
	margin:0px 0px 0px -100px;
	float:right;
	-moz-opacity:0.5;
}
form#newKomitentForm input[type=text]:disabled{
	background:#FFF;
	border:1px solid #7F9DB9;
	color:#000;
	padding-top:3px;
}
form#newKomitentForm input#delCPData{
	display:none;
	width:20px;
	height:20px;
	background:url(gui/icons/delete.gif) no-repeat center center;
	cursor:pointer;
	border:none;
	float:right;
	margin-right:0px;
}
form#newKomitentForm input#delatnostRemoveBtn,
form#newKomitentForm input#delatnostAddBtn{
	width:26px;
	height:26px;
	margin:5px;
	background-repeat:no-repeat;
	background-position:center;
	overflow:hidden;
	text-indent:-100em;
}
form#newKomitentForm input#delatnostAddBtn{background-image:url(gui/delatnost_add.gif);}
form#newKomitentForm input#delatnostRemoveBtn{background-image:url(gui/delatnost_remove.gif);}
form#newKomitentForm input[type=text],textarea{width:125px;}
form#newKomitentForm input[disabled]{
	color:#555;
}
form#newKomitentForm ul#komitent_delatnosti{
	width:375px;
	height:75px;
	overflow:auto;
	border:1px solid #7f9db9;
	background:#FFF;
	list-style-type:none;
	margin:5px;
	padding:0px;
	font-size:10px;
	float:left;
}
form#newKomitentForm ul#komitent_delatnosti li{
	width:371px;
	float:left;
	clear:both;
	margin:0px;
	padding:2px;
	cursor:pointer;
	border-bottom:1px dotted #555;
}
form#newKomitentForm ul#komitent_delatnosti li.current,
form#newKomitentForm ul#komitent_delatnosti li.current:hover{
	background:#2577BA;
	color:#FFF;
	font-weight:bolder;
}
form#newKomitentForm ul#komitent_delatnosti li:hover{
	background:#ccc;
	color:#000;
}
form#newKomitentForm ul#komitent_delatnosti li span.delItem{
	float:left;
}
form#newKomitentForm ul#komitent_delatnosti li input{
	float:right;
	margin:0px 20px 0px 0px;
}
form#newKomitentForm ul#komitent_delatnosti li#del0{
	display:none;
}
form#newKomitentForm input[type=button].add{height:20px; padding:0px 2px; float:left;}
form#newKomitentForm legend input[type=button].add{float:none;margin:0px;}
form#newKomitentForm legend input[type=button].add:disabled{display:none}
form#newKomitentForm select{width:131px;}
form#newKomitentForm option{width:180px;}
#delatnosti{
	display:none;
}
#delatnosti #komitent_del_add option[parent=parent]{
	background:#ccc;
}
input.actionBtn{
	float:left;
	margin-top:20px;
}
.fieldset{
	width:469px;
	float:left;
	clear:both;
	border:1px dotted #c7c5a5;
	margin:5px 0px 0px 0px;
	padding:10px;
}
.fieldset:before{
	content:attr(title);
	color:#a7a57d;
	padding:2px 4px;
	font-size:11px;
	margin:-10px 0px -20px -10px;
	position:relative;
	display:block;
}
div#navigation{
	float:left;
	width:100%;
}
ul#tabs{
	list-style-type:none;
	margin:13px 0px -1px 0px;
	padding:0px 0px 0px 0px;
	float:left;
}
ul#tabs li{
	height:22px;
	position:relative;
	float:left;
	display:block;
	margin:0px;
	padding:0px;
}
ul#tabs li input{
	height:22px;
	margin:0px 0px 0px 0px;
	padding:4px 10px 3px 10px;
	background:none;
	border:none;
	cursor:pointer;
	color:#777659;
}
ul#tabs li.current input{
	cursor:default;
	font-weight:bolder;
}
ul#tabs li:hover input,
ul#tabs li.current input{
	background:none;
	color:#000;
}
ul#tabs li#podaci_tab input{width:72px; background:url(gui/tabs/podaci_normal.gif) no-repeat 0px 0px; border-bottom:1px solid #555;}
ul#tabs li#podaci_tab.current input,
ul#tabs li#podaci_tab:hover input{background:url(gui/tabs/podaci_current.gif) no-repeat 0px 0px; border-bottom:1px solid #eee;}
ul#tabs li#delatnosti_tab input{width:89px; background:url(gui/tabs/delatnosti_normal.gif) no-repeat 0px 0px; border-bottom:1px solid #555;}
ul#tabs li#delatnosti_tab.current input,
ul#tabs li#delatnosti_tab:hover input{background:url(gui/tabs/delatnosti_current.gif) no-repeat 0px 0px; border-bottom:1px solid #eee;}
div#theContent{
	width:950px;
	border:1px solid #555;
	background:#eee;
	float:left;
	padding:5px;
}
form#newKomitentForm blockquote#template,
form#newKomitentForm fieldset#template{
	display:none;
}
form#newKomitentForm .ptt{
	float:right;
	margin:0px 5px 0px 0px;
	height:12px;
	font-weight:bold;
}
form#newKomitentForm #podaci_left, #podaci_right{
	float:left;
}
form#newKomitentForm #podaci_left{
	margin-right:6px;
	padding-right:0px;
}
form#newKomitentForm #podaci_right{
	border-left:1px dotted #9a9980;
	padding-left:6px;
	margin-left:0px;
}
form#newKomitentForm #podaci_right label{
	width:40px;
}
form#newKomitentForm textarea.emailweb{
	width:190px;
}
form#newKomitentForm textarea.double{
	width:370px;
	height:95px;
}
form#newKomitentForm label.srp,
form#newKomitentForm label.eng{padding-bottom:13px;}
form#newKomitentForm label.srp{background:url(gui/srb.gif) no-repeat 90% bottom}
form#newKomitentForm label.eng{background:url(gui/eng.gif) no-repeat 90% bottom}
form#newKomitentForm #rvreme input{
	width:70px;
}
form#newKomitentForm div#komitent_delatnosti_data fieldset{float:left; margin-right:10px}
form#newKomitentForm div#komitent_delatnosti_data fieldset label{width:75px;}
form#newKomitentForm div#komitent_delatnosti_data fieldset label.second{width:auto;}
form#newKomitentForm div#komitent_delatnosti_data fieldset label.second_row{width:45px;}
form#newKomitentForm div#nacini_placanja input{
	margin:2px 5px;
}
form#newKomitentForm div#nacini_placanja span{float:left}
form#newKomitentForm div#nacini_placanja span:first-child{
	margin-left:100px;
}
form#newKomitentForm div#nacini_placanja label{
	width:60px;
	text-align:left;
	padding:0px;
	margin:0px;
	border:1px solid transparent;
}

form#newKomitentForm ul.listBox{
	width:200px;
	height:75px;
	overflow:auto;
	border:1px solid #7f9db9;
	background:#FFF;
	list-style-type:none;
	margin:5px;
	padding:0px;
	font-size:10px;
	float:left;
}
form#newKomitentForm ul.listBox li{
	cursor:pointer;
	padding:2px 4px;
}
form#newKomitentForm ul.listBox li:hover{
	background:#ddd;
}
form#newKomitentForm ul.listBox li.selected{
	background:#2577BA;
	color:#FFF;
}
ul#top_nav{
	height:20px;
	position:relative;
	list-style-type:none;
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 8px;
	float:left;
	background:#efecb3 url(gui/tab_left.gif) no-repeat 0px 0px;
	border-right:1px outset #efecb3;
}
ul#top_nav li{
	float:left;
	margin:2px;
}
ul#top_nav li a:link,
ul#top_nav li a:visited,
ul#top_nav li a:hover,
ul#top_nav li a:active{
	width:16px;
	height:16px;
	display:block;
	text-align:center;
	text-decoration:none;
	text-indent:-100em;
	overflow:hidden;
}
ul#top_nav li a#first{background:url(gui/record_first.gif) no-repeat center center;}
ul#top_nav li a#first:hover{background:url(gui/record_first_h.gif) no-repeat center center;}
ul#top_nav li a#prev{background:url(gui/record_prev.gif) no-repeat center center;}
ul#top_nav li a#prev:hover{background:url(gui/record_prev_h.gif) no-repeat center center;}
ul#top_nav li a#next{background:url(gui/record_next.gif) no-repeat center center;}
ul#top_nav li a#next:hover{background:url(gui/record_next_h.gif) no-repeat center center;}
ul#top_nav li a#last{background:url(gui/record_last.gif) no-repeat center center;}
ul#top_nav li a#last:hover{background:url(gui/record_last_h.gif) no-repeat center center;}

#ErrorDiv{
	position:absolute;
	background:#f00;
	color:#fff;
	text-decoration:blink;
}
#ErrorDiv #ErrorText{
	background:#f00;
	padding:2px 4px;
}
#ErrorStatus{
	float:left;
	width:600px;
	height:15px;
	margin:10px 5px 0px 0px;
	padding:2px;
	
	text-align:center;
	vertical-align:bottom;
	font-size:12px;
	font-weight:bold;
	
	color:#f00;
}
#ErrorStatus a#ErrorLink{
	text-decoration:none;
	color:#f00;
	padding:2px 5px 2px 20px;
	background:url(gui/icons/error.gif) no-repeat 2px center;
}
form#newKomitentForm blockquote{
	float:left;
	margin:0px;
}
form#newKomitentForm .deldata_right label{
	width:60px;
}
#ErrorStatus{
	float:left;
	width:600px;
	height:15px;
	margin:10px 5px 0px 0px;
	padding:2px;
	
	text-align:center;
	vertical-align:bottom;
	font-size:12px;
	font-weight:bold;
	
	color:#f00;
}
#ErrorStatus a#ErrorLink{
	text-decoration:none;
	color:#f00;
	padding:2px 5px 2px 20px;
	background:url(gui/icons/error.gif) no-repeat 2px center;
}
form#newKomitentForm .wwwInfoHolder{
	display:none;
}
form#newKomitentForm input.copyData,
form#newKomitentForm input.pasteData{
	float:right;
}
form#newKomitentForm ul.KomitentBrands{
	float:left;
	background:#fff;
	border:1px solid #7F9DB9;
	margin:5px 5px 5px 10px;
	padding:0px;
	list-style-type:none;
	width:190px;
	height:85px;
	overflow:auto;
}
form#newKomitentForm ul.KomitentBrands li{
	cursor:pointer;
	margin:0px;
	padding:2px 4px;
}
form#newKomitentForm ul.KomitentBrands li.selected,
form#newKomitentForm ul.KomitentBrands li:hover{
	background:{{$highlight}};
	color:{{$highlighttext}};
}
form#newKomitentForm label input.labelBtn{
	width:16px;
	height:16px;
	border:none;
	padding:0px;
	background-color:transparent;
	cursor:pointer;
	float:none;
}
</style>
<div id="ErrorStatus"></div>
<form class="area" action="javascript:void(0);" onSubmit="if(typeof(data)=='object'){saveKomitent()}else{if(confirm('Podaci nisu sačuvani!\nUnos neće biti izvršen ako prvo ne sačuvate podatke.\nDa sačuvam podatke?')){saveData(document.getElementById('btnSave'));saveKomitent(data);}else{alert('Unos nije izvršen.')}}" method="post" name="newKomitentForm" id="newKomitentForm">
<div id="navigation">
	<h2>Novi komitent</h2>
	<div style="float:left; width:70px; text-align:center; padding-top:15px;">
		<strong style="font-size:14px;" id="komitent_id">{{$komitent_id}}</strong>
		<input type="hidden" name="komitent_id" value="{{$komitent_id}}" />
	</div>
	<ul id="tabs">
		<li id="podaci_tab" class="current"><input class="current" id="btnPod" type="button" onClick="togglePodaciDelatnosti(0,this)" value="Podaci" /></li>
		<li id="delatnosti_tab"><input id="btnDel" type="button" onClick="togglePodaciDelatnosti(1,this)" value="Delatnosti" /></li>
	</ul>
	<input style="float:right" type="button" value="test" onclick="alert(document.error)" />
	<input style="float:right" type="submit" value="Sačuvaj" id="submit" {{$diz}} />
	<!--
	<input style="float:right" type="button" id="btnSave" value="Save record" onClick="saveData(this,event)" {{$diz}} />
	<input style="float:right" type="button" onClick="saveData(this);data.display();" value="test" {{$diz}} />
	<input style="float:right" type="button" value="structure" onClick="saveData(this); data.getStructure()" {{$diz}} />
	<input style="float:right" type="button" value="Učitaj ponovo" onClick="LoadRSDoc('komitenti.php?a=new','setContent')" />
	<input style="float:right" type="button" value="doc error" onclick="alert(document.getElementById('container').onscroll);testDocError()" />
	-->
</div>
<div id="theContent">
	<!-- OSNOVNI PODACI -->
	<div id="podaci">
		<div id="podaci_left">
			{{$podaci_left_html}}
		</div>
		<div id="podaci_right">
			{{$podaci_right_html}}
		</div>
	</div>
	<!-- DELATNOSTI -->
	<div id="delatnosti">
		{{$delatnosti_html}}
	</div>
</div>
</form>
<script type="text/javascript" language="javascript">
	//document.error = Array(new errorObject());
	document.error = Array();
	doTheRules();
	disableTextSelect("komitent_delatnosti");
	saveData();
</script>